﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Clothes.UI.Index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
	<link href="Content/bootstrap.css" rel="stylesheet" />
		<script src="Scripts/jquery-3.4.1.js"></script>
		<script src="Scripts/bootstrap.js"></script>
		<style type="text/css">
			.zong {
			background-color:#f7f7f7;
			height:780px;
			overflow:hidden;
			margin-top:10px;
			}
			.lie1{
				width: 250px;
				height: 350px;
				display: inline-block;
				margin-right:10px;
				padding:10px;
				box-sizing: content-box;
				border-radius:10px;
				/*box-shadow:5px 5px 10px 2px pink inset;*/
			}
			.lie1-1{
				width: 250px;
				height: 250px;
			}
			.lie1-2{
				color: red;
				font-size: 30px;
			}
			p{
				text-overflow: -o-ellipsis-lastline;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				line-clamp: 2;
				-webkit-box-orient: vertical;
			}
			button {
				background-color:#f7f7f7;
				border-radius:10px;
			}
			.lie1:hover{
				background-color:#e1dede;
			}
			.miao ul li{
				width:200px;
				display: inline-block;
				font-size:25px;
			}
			.miao ul li a {
				color:black;
				margin-top:5px;
				text-decoration:none;
			}
				.miao ul li a:hover {
				color:darkgrey;
				}
			.miao ul {
				margin-top:10px;
				display: flex;
				justify-content:space-around;
			}
			.zong1{
				border-left:5px solid #ff674f;
				padding:10px;
			}
			.zong1 span{
				font-size:20px;
				color:#7b6b6b;
			}
			.zong1 a{
				text-decoration:none;
				display:block;
				width:100%;
			}
			.zong1 a img{
				width:30px;
				float: right;
			}
			/*button :hover{
				background-color:red;
				color:azure;
			}*/
		</style>
	
	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="avatar/0155825ac96b07a8012062e3fcf48f.jpg@1280w_1l_2o_100sh.jpg" style="width=1500px" alt="...">
    </div>
    <div class="item">
      <img src="avatar/017cf757c05cfb0000018c1b8686bd.jpg@1280w_1l_2o_100sh.jpg" style="width=1500px" alt="...">
    </div>
	  <div class="item">
      <img src="avatar/01d4aa5c73763fa801203d22c279fc.jpg@1280w_1l_2o_100sh.jpg" style="width=1500px" alt="...">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>

	<div class="miao">
		<ul class="miao">
		  <li ><a href="#nan">男装</a></li>
		  <li ><a href="#nu">女装</a></li>
		  <li ><a href="#tong">童装</a></li>
		</ul>
	</div>
	<div id="nan" class="zong">
		<asp:Repeater ID="Repeater1" runat="server">
			<HeaderTemplate>
				<div class="zong1">
					<a href="/SouYe.aspx?idd=1">
						<b style="color:#ff674f;font-size:25px">品牌专场</b>
					<span>男装</span>
					<img src="avatar/w3.ico" />
					</a>
				</div>
			</HeaderTemplate>
			<ItemTemplate>
				<a id="<%#Eval("Id")%>" class="lie2" style="color:black">
					<div class="lie1">
						<img class="lie1-1" src="<%#Eval("Avatar")??"/avatar/5d957253066d44aead9a3604f3d50919.jpg" %>">

						<p><%#Eval("Summary")%></p>
						<span class="lie1-2">
							￥<%#Eval("Money") %>
							<button class="btn" style="border:1px solid red;">立即抢购</button>
						</span>
					</div>
				</a>
			</ItemTemplate>
		</asp:Repeater>
		</div>
	<div id="nu" class="zong"> 
		<div class="zong1">
			<a href="/SouYe.aspx?idd=2">
			<b style="color:#ff674f;font-size:25px">精选</b>
			<span>女装</span>
			<img src="avatar/w3.ico" />
				</a>
		</div>
		<asp:Repeater ID="Repeater2" runat="server">
			<ItemTemplate>
				<a id="<%#Eval("Id")%>" class="lie2" style="color:black">
					<div class="lie1">
						<img class="lie1-1" src="<%#Eval("Avatar")??"/avatar/5d957253066d44aead9a3604f3d50919.jpg" %>">

						<p><%#Eval("Summary")%></p>
						<span class="lie1-2">
							￥<%#Eval("Money") %>
							<button class="btn" style="border:1px solid red;">立即抢购</button>
						</span>
					</div>
				</a>
			</ItemTemplate>
		</asp:Repeater>
		</div>
	<div id="tong" class="zong">
		<div class="zong1">
			<a href="/SouYe.aspx?idd=3">
			<b style="color:#ff674f;font-size:25px">热销爆款</b>
			<span>童装</span>
			<img src="avatar/w3.ico" />
				</a>
		</div>
		<asp:Repeater ID="Repeater3" runat="server">
			<ItemTemplate>
				<a id="<%#Eval("Id")%>" class="lie2" style="color:black">
					<div class="lie1">
						<img class="lie1-1" src="<%#Eval("Avatar")??"/avatar/5d957253066d44aead9a3604f3d50919.jpg" %>">

						<p><%#Eval("Summary")%></p>
						<span class="lie1-2">
							￥<%#Eval("Money") %>
							<button class="btn" style="border:1px solid red;">立即抢购</button>
						</span>
					</div>
				</a>
			</ItemTemplate>
		</asp:Repeater>
	</div>
</asp:Content>

